@charset "utf-8";
/* 盒子的属性——默认换行 */
body {
	box-sizing: border-box;
}

html, body, div, ul, li, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, p,
	table, thead, tbody, tfoot, tr, th, td, form {
	margin: 0;
	padding: 0;
	border: 0;
}

html, body {
	font-family: "Heiti SC", "Lucida Grande", "Hiragino Sans GB",
		"Hiragino Sans GB W3", verdana;
}

/* 列表 */
ul, ol {
	list-style: none;
	font-size: inherit;
	color: inherit;
}
/* 表格 */
table {
	empty-cells: show;
} /* 定义了不包含任何内容的表单元格如何表示*/
/* 行内样式的属性--默认不换行 */
/* 文字 */
span, b, i, em, del, strong, big, small, pre {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: inherit;
	color: inherit;
}

del {
	text-decoration: none;
} /* 下划线和删除线的样式去除 */
em {
	font-style: normal;
} /* 只是作为钩子来使用 */
/* 图片 */
a img {
	border: 0;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}
/* 链接 */
a {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	font-size: inherit;
	color: inherit;
}
/* 框架 */
iframe, frame, frameset {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: inherit;
	color: inherit;
}
/* 表单元素 */
input, textarea, button, select, option, label, optgroup, fieldset,
	legend {
	font-size: 14px;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: inherit;
	color: inherit;
}

button::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner,
	input[type=submit]::-moz-focus-inner, input[type=file]>input[type=button]::-moz-focus-inner
	{
	border: 0;
	padding: 0;
}

:focus {
	outline: 0;
} /* 获取焦点的任何元素都不会出现一个虚框 */
/* 常用命令的总结 */
.fl {
	float: left;
}

.fr {
	float: right;
}

.fn {
	float: none;
}

.al {
	text-align: left;
}

.ac {
	text-align: center;
}

.ar {
	text-align: right;
}

.clr {
	display: block;
	overflow: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

.clearfix {
	display: block
}

*+html .clearfix {
	min-height: 1%
}

.overflow {
	overflow: hidden;
}

.form label, .form input, .form select, .form textarea, .form button,
	.form .label {
	float: left;
	font-size: 12px;
}

.block {
	display: block;
	overflow: hidden;
}

.hide {
	display: none;
}

.invisible {
	visibility: hidden
} /* 仍然占据空间，区别于display:none */
h1 {
	font: 20px "microsoft yahei", "\5b8b\4f53"
}

h2, h3 {
	font-size: 14px
}

h4, h5, h6 {
	font-size: 12px
}

a {
	color: #666;
	text-decoration: none
}

i {
	font-style: normal;
}

* {
	font: 13px/1.5 MicrosoftYaHei, '微软雅黑', tahoma, arial, "Hiragino Sans GB",
		\5b8b\4f53;
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: none;
	text-decoration: none;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.container {
	width: 100%;
	background: #FFFFFF;
	margin: 0 auto;
}

.contain {
	width: 100%;
	overflow: hidden;
}

input, button, select, textarea {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
}

.artwork_upload input:focus, .artwork_upload textarea:focus, .userinfo input:focus,
	.userinfo textarea:focus, .login_register input[type=text]:focus,
	.login_register input[type=password]:focus, .complete_msg input:focus {
	box-shadow: 0 0 1px 1px #e62420;
}

.selecter {
	margin: 5px 0;
}

a, button, input, optgroup, select, textarea {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/
}

a, img {
	-webkit-touch-callout: none; /*禁止长按链接与图片弹出菜单*/
}

body {
	font-family: "微软雅黑";
	font-size: 0.5rem;
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
}
/*顶部导航条*/
.header_box {
	width: 100%;
	position: relative;
	background-color: #FFFFFF;
	height: 200px;
	min-width: 1230px;
	border-bottom: solid 1px #dedede;
}

.header_box header {
	height: 100%;
	box-sizing: border-box;
	padding-top: 30px;
	margin: 0 auto;
	display: block;
	width: 1230px;
}

.header_box header .heard_log {
	display: block;
	margin: 0 auto 55px;
	width: 205px;
}

.header_box header .heard_log2 {
	display: none;
	float: left;
	width: 10%;
	margin-top: 10px;
}

.header_box header nav {
	width: 100%;
}

.header_box header nav ul.fl, .header_box header .search {
	width: 50%;
}

.header_box header nav .fl>li {
	height: 45px;
	width: 16.6667%;
	text-align: center;
	float: left;
	padding: 8px 0;
}

.header_box header nav .fl>li>a {
	color: #5b5b5b;
	font-size: 18px;
	display: block;
	width: 70%;
	height: 35px;
	line-height: 35px;
	margin: 0 auto;
}

.header_box header nav .fl>li:nth-child(1)>a, .header_box header nav .fl>li:nth-child(5)>a,
	.header_box header nav .fl>li:nth-child(6)>a {
	width: 50%;
}

.header_box header nav .fl>li>a:hover {
	color: #000000;
	font-weight: 600;
	border-bottom: 2px solid #000000;
}

.header_box header nav .fl>li.cur a {
	color: #000000;
	font-weight: 600;
	border-bottom: 2px solid #000000;
}

.header_box header nav .fl>li:nth-child(5) {
	position: relative;
}

.header_box header nav .fl>li:nth-child(5) .li_bd {
	display: block;
	position: absolute;
	width: 1px;
	height: 30px;
	border-right: 1px dashed #CCCCCC;
	box-sizing: border-box;
	top: 10px;
	left: 0;
}

.header_box header .search {
	position: relative;
}

.header_box header .search .form {
	position: relative;
	margin-right: 10px;
	margin-top: 6px;
	width: 34.174%;
	height: 30px;
	display: block;
}

.header_box header .search .form input[type=text] {
	width: 100%;
	height: 30px;
	border: 1px solid #dedede;
	border-radius: 100px;
	box-sizing: border-box;
	padding-left: 15px;
}

.header_box header .search .form input[type=button] {
	position: absolute;
	top: 0;
	right: 0;
	width: 37px;
	height: 100%;
	background: url(../images/group.png) no-repeat center left;
}

.header_box header .search .user {
	margin: 0 25px 0 30px;
}

.header_box header .search .shop, .header_box header .search .user {
	text-align: center;
}

.header_box header .search .shop img, .header_box header .search .user img
	{
	display: block;
	margin: 0 auto;
	height: 26px;
}

.header_box header .search .shop p, .header_box header .search .user p {
	text-align: center;
	font-size: 12px;
	color: #999999;
	height: 35px;
	line-height: 18px;
	position: relative;
}

.header_box header .search .shop span {
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	top: -6px;
	right: -6px;
	background-color: #E72420;
	color: #FFFFFF;
	border-radius: 50%;
	padding: 2px;
}

.header_box header .search .shop p, .header_box header .search .user p {
	text-align: center;
	font-size: 12px;
	color: #999999;
	height: 35px;
	line-height: 18px;
	position: relative;
}

.header_box header .search .user p.login {
	padding-right: 20px;
	background: url(../images/jt_down.png) no-repeat right 6px;
	background-size: 14px;
}

.header_box header .search .user:hover p.login {
	background: url(../images/jt_up.png) no-repeat right 6px;
}

.header_box header .search .user div {
	width: 150px;
	height: 0px;
	position: absolute;
	right: 16px;
	top: 59px;
	background-color: #FFFFFF;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
	z-index: 12;
}

.header_box header .search .user div ul {
	width: 100% !important;
}

.header_box header .search .user div ul li {
	width: 120px;
	margin: 0 auto;
	height: 40px;
	line-height: 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #CCCCCC;
	display: none;
}

.header_box header .search .user div ul li a {
	text-align: center;
	font-size: 12px;
	color: #303030;
	height: 40px;
	line-height: 40px;
}

.header_box header .search .user div ul li:nth-child(3) {
	border: none;
}

.header_box .nav_next {
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 200px;
	height: 0px;
	z-index: 99999999;
}

.header_box .nav_next ul {
	margin: 0 auto 0;
	display: block;
	height: 65.492%;
	width: 630px;
}

.header_box .nav_next ul li {
	float: left;
	width: 60px;
	height: 142px;
	margin-right: 30px;
	display: none;
}

.header_box li.cur .nav_next ul li a {
	border-bottom: none;
}

.header_box .nav_next ul li:nth-child(1) {
	background: url(../images/jx.png) no-repeat center top;
}

.header_box .nav_next ul li:nth-child(2) {
	background: url(../images/yh.png) no-repeat center top;
}

.header_box .nav_next ul li:nth-child(3) {
	background: url(../images/gh.png) no-repeat center top;
}

.header_box .nav_next ul li:nth-child(4) {
	background: url(../images/sf.png) no-repeat center top;
}

.header_box .nav_next ul li:nth-child(5) {
	background: url(../images/sc.png) no-repeat center top;
}

.header_box .nav_next ul li:nth-child(6) {
	background: url(../images/bh.png) no-repeat center top;
}

.header_box .nav_next ul li a {
	text-align: center;
	line-height: 160px;
	display: block;
	color: #666666;
	font-size: 14px;
	width: 100%;
}

.header_box .nav_next ul li:nth-child(1) a {
	color: #000000;
}
/*页面底部*/
.footer_box {
	height: 210px;
	box-sizing: border-box;
	border-top: solid 1px #dfdfdf;
	min-width: 1229px;
	background-color: #FFFFFF;
	padding-top: 26px;
	box-sizing: border-box;
	min-width: 1229px;
}

.footer_box .footer_top {
	width: 1229px;
	margin: 0 auto;
}

.footer_box .footer_top .footer_img {
	display: block;
	float: left;
	width: 16.598%;
	margin-bottom: 52px;
}

.footer_box .footer_top div.fr {
	width: 83.4011%;
}

.footer_box .footer_top dl {
	width: 74px;
	margin-right: 9.51999%;
	position: relative;
}

.footer_box .footer_top dl:nth-child(1) {
	margin-left: 9.51999%;
}

.footer_box .footer_top dl i {
	display: block;
	width: 2px;
	height: 15px;
	background-color: #e72420;
	position: absolute;
	top: 15px;
	left: 0;
}

.footer_box .footer_top dl a {
	display: block;
	width: 100%;
	text-align: center;
}

.footer_box .footer_top dl dt {
	margin: 10px auto;
}

.footer_box .footer_top dl dt a {
	font-size: 16px;
	color: #000000;
	box-sizing: border-box;
}

.footer_box .footer_top dl dd a {
	font-size: 14px;
	color: #666666;
	height: 30px;
	line-height: 30px;
}

.footer_box .footer_top dl.img {
	width: 100px;
}

.footer_box .footer_top dl.img dt {
	margin-bottom: 0;
}

.footer_box .footer_top dl.img dt img {
	display: block;
	width: 100px;
	height: 100px;
}

.footer_box .footer_top dl.img dt a {
	line-height: 20px;
}

.footer_box .footer_bottom {
	background-color: #303030;
	height: 44px;
	width: 100%;
	box-sizing: border-box;
	padding-top: 10px;
}

.footer_box .footer_bottom p {
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	height: 24px;
	line-height: 24px;
}

.footer_box .footer_bottom p a {
	color: #FFFFFF;
	font-size: 14px;
	height: 24px;
	line-height: 24px;
}
/*侧边栏*/
.div_kefu_right {
	width: 60px;
	position: fixed;
	right: 0px;
	z-index: 10;
}

.div_kefu_right section a {
	text-align: center;
	width: 60px;
	height: 60px;
	display: block;
	margin-bottom: 2px;
	background-color: #FFFFFF;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #F6F6F6;
}

.div_kefu_right section a i {
	display: block;
	font-size: 25px !important;
	color: #666666;
}

.div_kefu_right section a span {
	display: block;
	font-size: 12px;
	color: #303030;
}

.div_kefu_right a div {
	position: absolute;
	display: none;
}

.div_kefu_right a div img {
	display: block;
}

.div_kefu_right section:nth-child(1) a i {
	color: #E72420;
	font-size: 28px !important;
}

.div_kefu_right section:nth-child(1) a span {
	color: #E72420;
	width: 100%;
	text-align: center;
	bottom: 3px;
	position: absolute;
}

.div_kefu_right section:nth-child(1):hover a i {
	color: #FFFFFF;
}

.div_kefu_right section:nth-child(1):hover a span {
	color: #FFFFFF;
}

.div_kefu_right section:nth-child(1):hover a div {
	top: -2px;
	left: -136px;
	width: 136px;
	height: 136px;
}

.div_kefu_right section:nth-child(1):hover a div img {
	width: 100%;
	height: 100%;
}

.div_kefu_right section:nth-child(4) a {
	display: none;
}

.div_kefu_right section:nth-child(4) a span {
	margin-top: -5px;
}

.div_kefu_right section:nth-child(4) a i {
	font-size: 20px !important;
}

.div_kefu_right section:nth-child(3) a i {
	font-size: 22px !important;
	padding-top: 4px;
	box-sizing: border-box;
}

.div_kefu_right section:hover div {
	display: block;
}

.div_kefu_right section:hover a {
	background-color: #E72420;
}

.div_kefu_right section:hover a i {
	color: #FFFFFF;
}

.div_kefu_right section:hover a span {
	color: #FFFFFF;
}

.div_kefu_right section:nth-child(3):hover a div {
	width: 136px;
	height: 136px;
	top: -38px;
	left: -136px;
}

.div_kefu_right section:nth-child(3):hover a div img {
	width: 100%;
	height: 100%;
}
/*.no_content{background: url(../images/order_empty.png) no-repeat top center;padding-top:160px;margin-top: 50px;}
.no_content a{display: block;width: 200px;height: 40px;line-height: 40px;text-align: center;color: #FFFFFF;background-color: #E72420;margin: 0 auto;}
.collect_box .no_content{background: url(../images/collect_empty.png) no-repeat top center;}
.collect_box .news_abs{background: url(../images/news_empty.png) no-repeat top center;}
.tabs_content .artwork_empty{background: url(../images/artwork_empty.png) no-repeat top center}*/